body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
ol, ul { list-style: none; }
body, button, input, select, textarea { font-size:14px; font-family:"microsoft yahei",'宋体',Tahoma,Helvetica; color: #333;}
img { border:0; vertical-align:top; }
h2{display: block;font-size: 1.5em;}
h3{ font-size: 14px;}
h4{ font-size: 12px;}
table { border-collapse: collapse; border-spacing:0; }
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display:block ;}
a { text-decoration: none; color: #333;}
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:hover{ text-decoration:none;}
a:active { text-decoration: none;}
i, em, cite {display: inline-block; font-style: normal;}
*, :after, :before{box-sizing:inherit;}
ul{padding:0;margin:0;}
li{list-style:none;}
div{display: block;}
.left{ float:left; }
.right{ float:right; }
.hide{display:none;}
.clearfix {zoom: 1;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.margin-l10{ margin-left: 10px;}
.margin-t10{ margin-top: 10px;}
.margin-r10{ margin-right: 10px;}
.margin-b10{ margin-bottom: 10px;}
.clear{clear: both;}
.header{ color: #fff; background: #313541; line-height: 50px;}
.header a{ color: #fff; display: block; float: left;}
.header a:hover,.header a.hover{ background: #4c505f;}
.header .logo{ width: 130px; font-size: 24px; text-align: center;}
.header .nav a{ padding: 0 25px;}
.header .nav a i{ margin: 0 4px 0 0;}
.header .msg-inner{ display: inline; position: relative; margin: 0 30px 0 15px;}
.header .msg-inner .number{ position: absolute; top: -9px; right: -9px; width: 18px; height: 18px; line-height: 18px; border-radius: 9px; background: #f00; text-align: center;}
.header .logout a{ width: 60px; text-align: center; border-left: 1px solid #4c505f;}

.aside{ position: absolute; left: 0; top: 50px; bottom: 0; width: 130px; background: #3b404f; color: #fff;}
.aside a{ color: #fff;}
.aside-title{ display: block; padding: 0 12px; line-height: 41px; border-bottom: 1px solid #2d313c; border-top:1px solid #434756;}
.aside-title i{ margin: 0 4px 0 0;}
.aside-nav>ul>li {line-height:41px;padding-left:15px;cursor:pointer}
.aside-nav>ul>li>div a {display:block;border-top:1px solid #4a4f5d;border-bottom:1px solid #363b49;padding-left:17px;position:relative;height:41px;color:#fff}
.aside-nav>ul>li>div a:after,.aside-nav>ul>li>div a:before {content:"";position:absolute;top:20px;left:0;width:8px;height:2px;background:#9196a6}
.aside-nav>ul>li>div a:after {-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.aside-nav>ul>li:hover {background:#313541}
.aside-nav>ul>li:hover+li a,.aside-nav>ul>li:hover a {border-top:1px solid transparent}
.aside-nav>ul .active {background:#313541}
.aside-nav>ul .active a {border-top:1px solid transparent}
.aside-nav>ul .active a:hover {color:#fff}
.aside-nav>ul .active a:after {-webkit-transform:rotate(0deg);transform:rotate(0deg)}
.aside-nav>ul .active ul {display:block;overflow:hidden}
.aside-nav>ul .active+li a {border-top:1px solid transparent}
.aside-nav>ul ul { margin-left:-15px;background:#4c505f;overflow:hidden;transition:.4s}
.aside-nav>ul ul li {padding-left:15px;height:30px;line-height:30px}
.aside-nav>ul ul li a {padding-left:17px;position:relative;color:#dbdcdf}
.aside-nav>ul ul li a:after,.aside-nav>ul ul li a:before {content:"";position:absolute;background:#7a7e89}
.aside-nav>ul ul li a:before {left:4px;height:30px;width:1px;top:-21px}
.aside-nav>ul ul li a:after {left:4px;top:8px;height:1px;width:7px}

.main{ position: absolute; top: 60px; left: 140px; bottom: 10px; right: 10px;}
.subnav{ margin: 0 auto 10px;}
.subnav a{ color: #2a72c5;}
.iframe{ width: 100%; height: 100%; border: none;}

/**	列表	**/
.searchid{ background: #fafafa; margin: 0 auto 10px; padding: 10px;}
select,.layui-input,.layui-textarea{ width: 100%; height: 34px; padding: 0 8px; box-sizing: border-box; border: 1px solid #e9e9e9;}
.layui-textarea{ height: 100px; padding: 8px;}
.layui-btn,.layui-unselect {-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none}
.layui-btn {display:inline-block;height:34px;line-height:34px;padding:0 18px;background:#03a9f4;color:#fff;white-space:nowrap;border:none;border-radius:2px;cursor:pointer;opacity:.9;}
.layui-btn:hover{background: rgba(3,169,244,.85);}
.layui-table{ width: 98%; border-collapse: collapse; border-spacing: 0; border: 1px solid #f0f0f0;margin:0 auto;}
.layui-table thead th{background: #fafafa; line-height: 30px; padding: 5px 0; border-bottom: 1px solid #f0f0f0;}
.layui-table tbody td{ line-height: 28px; padding: 5px; border-bottom: 1px solid #f0f0f0;text-align: center;}
.layui-table tbody tr:hover{ background: #fafafa;}

.layui-laypage {margin-top:20px;text-align:center; line-height: 28px;}
.layui-laypage a {display:inline-block;background:#fff;color:#888;padding:0 8px;min-width:15px;border:1px solid #e2e2e2;margin-bottom:0;}
.layui-laypage a.current,.layui-laypage a:hover {display:inline-block;background:#03a9f4;color:#fff;border:1px solid #03a9f4;}
.layui-laypage .pagination li {display:inline-block;margin-right:5px;text-align:center;}
.layui-laypage .pagination li.active span {background:#03a9f4;color:#fff;border:1px solid #03a9f4;}
.layui-laypage span {margin-bottom:0;}

/**	表单	**/
.layui-main{ border: 1px solid #e9e9e9;padding-top:20px;width:100% !important;}
.layui-form-item{ margin: 0 auto 15px;}
.layui-form-label{ display: inline-block; width: 130px; text-align: right; line-height: 34px; padding: 0 10px; vertical-align: top;}
.layui-input-inline{ display: inline-block; min-width: 360px;}
.layui-word-aux{ display: inline-block;}


/** 默认页 */
.x-body .main-count{width: 750px;float:left;border:1px solid #eee;height:514px;margin:30px 0px 0px 30px;padding:10px;}
.x-body .main-list{width:600px;float:left;border: 1px solid #eee;height: 534px;margin-left:20px;margin:30px;}
.x-body .main-list h2{color:#666;display: block;padding:12px 20px;font-weight: 400;border-bottom: 1px solid #eee;}
.x-body .main-list h2 em{border-radius: 50%;display: inline-block;height: 34px;width: 34px;line-height: 34px;text-align:center;margin-right: 13px;position: relative;}
.x-body .main-list h2 em i{color:#29b5f5;font-size:38px;position: absolute;left: 0;top: 12px;}
.x-body .main-list .realcontent{padding:0 26px;height:100%;}
.x-body .main-list .realcontent ul{height:100%;padding: 0;margin:0;}
.x-body .main-list .realcontent ul li{padding-top:20px;padding-bottom: 16px;list-style:none;}
.x-body .main-list .realcontent ul li em{color:#ff9086;line-height: 40px;font-size:18px;margin:0 22px 0 2px;}
.x-body .main-list .realcontent .licontent{display:inline-block;vertical-align:top;width:80%;}

/** 热门彩种 */
.tablefilter {
	background: #fafafa;
	height: 52px;
	padding: 10px;
	margin-bottom: 10px;
	color: #333
}
.tablefilter .tablebutton {
	margin-left: 15px
}
.tablefilter .tablebutton,.tablebutton a {
	display: inline-block;
	vertical-align: top
}
.tablefilter .tablebutton a {
	text-align: center;
	height: 32px;
	line-height: 32px;
	color: #333;
	background: #fefefe;
	border-radius: 4px;
	cursor: pointer;
	border: 1px solid #e9e9e9;
	padding: 0 12px;
	margin-right: 8px;
	min-width: 64px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.tablefilter .tablebutton a:first-child {
	margin-left: 0
}

.tablefilter .tablebutton a:last-child {
	margin-right: 0
}

.tablefilter .tablebutton a i {
	display: inline-block;
	color: #858585;
	line-height: 30px;
	margin-right: 6px;
	font-size: 12px
}

.lotteryhot .lotterylist{
	position: relative;
	width: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.lotteryhot .lotterylist table {
	width: 55%;
	float: left;
	border: 1px solid #f0f0f0;
	table-layout: fixed
}

.lotteryhot .lotterylist table th {
	text-align: left;
	background: #fafafa;
	height: 40px;
	padding-left: 15px
}

.lotteryhot .lotterylist table th:last-child {
	width: 80px
}

.lotteryhot .lotterylist table td {
	border-top: 1px solid #f0f0f0;
	padding-left: 15px;
	height: 37px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.lotteryhot .lotterylist table td:last-child {
	text-align: center
}

.lotteryhot .lotterylist table tr td:nth-child{
	color: #2a72c5
}

.lotteryhot .lotterylist table .active td i:before {
	content: "\E654";
	color: #2a72c5
}

.lotteryhot .lotterylist table a {
	color: #bfbfc0
}
.lotteryhot .selecthot {
	width: 470px;
	float: left;
	border: 1px solid #f0f0f0;
	margin-left: 20px;
	margin-bottom: 10px
}

.lotteryhot .selecthot h3 {
	background: #fafafa;
	height: 41px;
	line-height: 40px;
	font-size: 12px;
	padding-left: 15px
}

.lotteryhot .selecthot .hotContent {
	padding: 20px 20px
}

.lotteryhot .selecthot .hotContent a {
	display: inline-block;
	border-radius: 4px;
	margin: 10px;
	width: 100px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	border: 1px solid #eee;
	color: #666;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.lotteryhot .selecthot .hotContent .light {
	border: 1px solid #2a72c5;
	color: #2a72c5
}

/** LOGO管理 */
.formlist {
	border: 1px solid #f0f0f0;
	padding: 20px;
	margin-bottom: 10px
}

.formlist .viewContent p {
	margin-top: inherit;
	margin-bottom: inherit;
	color: inherit;
	display: inherit
}

.formlist select {
	color: #6b6b6b
}

.formlist p {
	margin-top: 0;
	margin-bottom: 0;
	color: #999
}

.formlist>label {
	margin-left: 22px!important
}

.formlist>label input {
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 6px
}

.formlist .tips {
	line-height: 1.8
}

.formlist .tips h5 {
	color: red;
	font-weight: 400
}

.formlist .tips em {
	width: 1em;
	display: inline-block
}

.formlist .tips p {
	padding-left: 1em
}
.formBtn {
	border-radius: 3px;
	padding: 0 18px;
	background: #f2f3f5;
	color: #6c6c6c;
	border: 1px solid #e9e9e9;
	line-height: 30px;
	height: 32px;
	line-height: 32px;
	display: block;
	float: left;
	margin-left: 12px;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.formBtn:first-child {
	margin-left: 0
}

.formBtn.active,.formBtn:hover {
	background: #03a9f4;
	color: #fff;
	border: 1px solid #03a9f4
}
.formbox {
	margin-top: 30px;
	height:150px;
}

.formbox:first-child {
	margin-top: 0
}

.formbox h5 {
	font-weight: 400;
	color: #333;
	margin-bottom: 8px;
	font-size: 12px
}

.formbox h5 em {
	color: red
}
.formbox li{
	line-height: 30px;
	width:100%;
	height:30px;
}
.formbox li>i {
	width: 4em;
	text-align: right
}
.formBtn {
	border-radius: 3px;
	padding: 0 18px;
	background: #f2f3f5;
	color: #6c6c6c;
	border: 1px solid #e9e9e9;
	line-height: 30px;
	height: 32px;
	line-height: 32px;
	display: block;
	float: left;
	margin-left: 12px;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.formBtn:first-child {
	margin-left: 0
}

.formBtn.active,.formBtn:hover {
	background: #03a9f4;
	color: #fff;
	border: 1px solid #03a9f4
}
.formbox {
	margin-top: 30px
}

.formbox:first-child {
	margin-top: 0
}

.formbox h5 {
	font-weight: 400;
	color: #333;
	margin-bottom: 8px;
	font-size: 12px
}

.formbox h5 em {
	color: red
}

.formbox li>i {
	width: 4em;
	text-align: right
}

.boxlist .viewContent * {
	float: none;
	display: initial;
	height: auto;
	line-height: normal;
	margin-left: 0
}

.boxlist li .viewContent :first-child,.boxlist li :first-child {
	margin-left: 0
}

.boxlist li:first-child {
	margin-top: 0;
}

.boxlist li {
	margin-top: 14px
}

.boxlist .choosebox,.boxlist .client,.boxlist .level,.boxlist .manyRow,.boxlist .tableFilterSelect,.boxlist .tip,.boxlist .uploadimage,.boxlist a,.boxlist em,.boxlist i,.boxlist input,.boxlist label,.boxlist p {
	display: block;
	float: left;
	height: 32px;
	line-height: 32px;
	margin-left: 12px
}

.boxlist input {
	border: 1px solid #e9e9e9;
	color: #666;
	padding: 0 6px
}

.boxlist input[disabled] {
	color: #999
}

.boxlist .w150 {
	width: 150px
}

.boxlist .w300 {
	width: 300px
}

.boxlist .w600 {
	width: 600px
}

.boxlist.must li>i {
	width: 6em
}

.boxlist.must li>i ins {
	color: red
}

.boxlist .client label {
	height: 25px;
	line-height: 22px;
	margin-left: 6px!important
}

.boxlist .client label:first-child {
	margin-left: 0!important
}

.boxlist .switchbox {
	display: block;
	float: left;
	margin-left: 12px
}

.boxlist .switchbox>label {
	margin-left: 0
}

.boxlist .manyRow {
	height: auto
}
.fix:after,.fix:before,.tableFilter:after,.tableFilter:before,.tableFilterInput:after,.tableFilterInput:before,.tableFilterSelect:after,.tableFilterSelect:before,.tableFilterTime:after,.tableFilterTime:before {
	content: "";
	display: table
}

.fix:after,.tableFilter:after,.tableFilterInput:after,.tableFilterSelect:after,.tableFilterTime:after {
	clear: both;
	overflow: hidden
}
.customSelect {
	position: relative
}

.customSelect i {
	top: 14px;
	right: 12px;
	position: absolute;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #999;
	display: none\0/IE89
}
.customSelect select:focus {
	outline: none
}

.customSelect i{
	top: 7px
}

.customSelect select {
	-ms-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 32px;
	width: 92px;
	border: 1px solid #e9e9e9;
	background: #fff;
	border-radius: 0;
	padding: 0 8px
}

.customSelect select+i {
	top: 8px
}
.tableFilterSelect {
	position: relative;
	width: 92px;
	height: 32px
}

.tableFilterSelect ins {
	background: #fff;
	height: 32px;
	border: 1px solid #e9e9e9;
	width: 100%;
	padding-left: 8px;
	padding-right: 28px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.tableFilterSelect ins:first-child {
	position: relative
}

.tableFilterSelect ul {
	position: absolute;
	top: 32px;
	background: #fff;
	min-width: 100%;
	border: 1px solid #7b9dd4;
	margin-top: -1px;
	z-index: 5;
	box-shadow: 0 7px 10px #ececec;
	overflow-y: auto;
	max-height: 320px
}

.tableFilterSelect ul li {
	padding: 0 8px;
	cursor: pointer;
	margin: 0;
	white-space: nowrap;
	line-height: 16px
}

.tableFilterSelect ul .curr,.tableFilterSelect ul li:hover {
	background: #1e90ff;
	color: #fff
}

.tableFilterSelect ul .currs {
	background: #ffe48d!important;
	color: inherit
}

.tableFilterSelect ul .currs:hover {
	color: inherit
}

.tableFilterSelect em,.tableFilterSelect ins {
	float: left
}

.tableFilterSelect em {
	line-height: 32px;
	margin-left: 15px;
	margin-right: 8px
}

.tableFilterSelect em:first-child {
	margin-left: 0
}
.tableFilterInput input{
	width: 500px
}
.tableFilterInput em,.tableFilterInput input {
	float: left
}

.tableFilterInput input {
	height: 32px;
	width: 100px;
	border: 1px solid #e9e9e9;
	padding: 0 8px
}

.tableFilterInput em {
	line-height: 32px;
	margin-left: 15px;
	margin-right: 8px
}

.tableFilterInput em:first-child {
	margin-left: 0
}
.tableButton {
	margin-left: 15px
}

.tableButton,.tableButton a {
	display: inline-block;
	vertical-align: top
}

.tableButton a {
	text-align: center;
	height: 32px;
	line-height: 32px;
	color: #333;
	background: #fefefe;
	border-radius: 4px;
	cursor: pointer;
	border: 1px solid #e9e9e9;
	padding: 0 12px;
	margin-right: 8px;
	min-width: 64px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.tableButton a:first-child {
	margin-left: 0
}

.tableButton a:last-child {
	margin-right: 0
}

.tableButton a i {
	display: inline-block;
	color: #858585;
	line-height: 30px;
	margin-right: 6px;
	font-size: 12px
}

.tableButton a:hover {
	background: #0190d0;
	color: #fff
}

.tableButton a:hover i {
	color: #fff
}

.tableButton a.dark {
	background: #03a9f4;
	border: 1px solid #03a9f4;
	color: #fff;
	transition: .2s
}

.tableButton a.dark:hover {
	background: rgba(3,169,244,.85);
	border-color: rgba(3,169,244,.85)
}

.tableButton a.dark i {
	color: #fff
}

.tableButton .gray {
	background: #f2f3f5
}
.tablefilter>div,.tablefilter>em,.tablefilter>p {
	float: left;
	line-height: 32px;
	margin-left: 14px
}
.myselect{
	width:100px;
	float:left;
	
}